<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document方法</title>
    <script type="text/javascript">
          function changeTitle() {
              document.getElementById("bankTitle").innerHTML="您已经进入银行服务质量评价系统";
          }
          function showService() {
              var allService=document.getElementsByName("service");
              var rstStr="满意度选项包括：",i;
              for(i=0;i<allService.length;i++){
                  rstStr=rstStr+allService[i].value+"";
              }
              alert(rstStr);
          }
          function showInput() {
              var allInput=document.getElementsByTagName("input");
              var inputNum=0,selNum=0,i;
              for(i=0;i<allInput.length;i++){
                  if(allInput[i].checked){
                      selNum++;
                  }
                  inputNum++;
              }
              alert("页面中共有 "+inputNum+"个 input元素，其中"+selNum+"个被选中！");
          }
    </script>
</head>
<body>
      <div id="bankTitle"><h3>欢迎进入银行服务质量评价系统</h3></div>
      <p>
          您对本次服务的满意程度：
          <input type="radio" name="service" value="非常满意" checked="checked"/>非常满意
          <input type="radio" name="service" value="满意" checked="checked"/>满意
          <input type="radio" name="service" value="不满意" checked="checked"/>不满意
      </p>
      <p>您觉得本行下列哪些业务需要改进：</p>
      <p>
          <input type="checkbox" name="improve" value="网点数目"/>网点数目
          <input type="checkbox" name="improve" value="内部环境"/>内部环境
          <input type="checkbox" name="improve" value="窗口数量" checked="checked"/>窗口数量
          <input type="checkbox" name="improve" value="ATM数量"/>ATM数量
      </p>
      <p>
          <input type="checkbox" name="improve" value="业务种类"/>业务种类
          <input type="checkbox" name="improve" value="手续简便"/>手续简便
          <input type="checkbox" name="improve" value="客服态度"/>客服态度
          <input type="checkbox" name="improve" value="等待时间" checked="checked"/>等待时间
      </p>
      <p>
          <input type="button" name="changeTitle" value="改变标题" onclick="changeTitle()"/>
          <input type="button" name="showService" value="显示满意选项" onclick="showService()"/>
          <input type="button" name="showInput" value="显示input 元素个数" onclick="showInput()"/>
      </p>
</body>
</html>